<?php
/* 
 * gpa_new Description
 * @package
 * @name home_html
 * @filesource home_html.php
 * @author Hanny Setiawan
 */

?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Group of Photographic Artists</title>
<script src="<?php echo getJsUrl(); ?>jquery.js" type="text/javascript"></script>
<script type="text/javascript">jQuery.noConflict();</script>
<script src="<?php echo getJsUrl(); ?>mootools-core.js" type="text/javascript"></script>
<script src="<?php echo getJsUrl(); ?>mootools-more.js" type="text/javascript"></script>
<script src="<?php echo getJsUrl(); ?>mootools-slideshow.js" type="text/javascript"></script>

<link rel="stylesheet" href="<?php echo getAppCssUrl(); ?>home.css" type="text/css">

<!-- start jQuery menu -->
<link type="text/css" href="<?php echo getCssUrl(); ?>menu_apycom/menu.css" rel="stylesheet" />
<script type="text/javascript" src="<?php echo getJsUrl(); ?>menu_apycom/menu.js"></script>
<!-- end of jQuery menu -->

<!-- start Lightbox Gallery Image -->
<script src="<?php echo getJsUrl(); ?>prettyPhoto/prettyPhoto.js" type="text/javascript"></script>
<script src="<?php echo getJsUrl(); ?>prettyComments/prettyComments.js" type="text/javascript"></script>
<link rel="stylesheet" href="<?php echo getCssUrl(); ?>prettyPhoto/prettyPhoto.css" type="text/css" media="screen"/>
<link rel="stylesheet" href="<?php echo getCssUrl(); ?>gallery/gallery.css" type="text/css" media="screen"/>
<!-- end Lightbox Gallery Image -->

<!-- start Gallery Vertical -->
<link rel="stylesheet" href="<?php echo getCssUrl(); ?>ImageVertCarrousel/scroll.css" type="text/css" media="screen"/>
<script type='text/javascript' src="<?php echo getJsUrl(); ?>ImageVertCarrousel/jquery.imageScroller.js"></script>
<script type='text/javascript' src="<?php echo getJsUrl(); ?>ImageVertCarrousel/test.js"></script>
<!-- end Gallery Vertical -->

<!-- start Gallery Horizontal -->
<link type="text/css" href="<?php echo getCssUrl(); ?>home/menu.css" rel="stylesheet" />
<!-- end Gallery Horizontal -->

<!-- start Gallery Horizontal detail -->
<link rel="stylesheet" href="<?php echo getAppCssUrl(); ?>slideshow.css" type="text/css">
<style type="text/css">
    .editor-choice{
        background-image: url('<?php echo getImgUrl(); ?>home/editor_choice_all.jpg');
        background-repeat: no-repeat;
        height:465px;
        width:925px;
    }
    .slideshow-images{
        float: left;
        margin-left:-250px;
        margin-top:15px;
        border:3px solid #000;
    }
    .slideshow-thumbnails {
        height: 400px;
    	left: 445px;
    	right: 0;
        top:50px;
    	width: 180px;
    }
    .slideshow-thumbnails ul {
    	height: 300px;
    	width: 150px;
    }
    .slideshow-thumbnails li {
        float: none;
        text-align: center;
        position: relative;
        margin-left: 10px;
        display: block;
    }
    .slideshow-thumbnails a {
        float: none;
        display: inline-block;
    }
    .slideshow-controller{
        margin-left: -250px;
        margin-top: 60px;
    }
    .slideshow-captions{
        position: relative;
        float:left;
        width: 626px;
        height: 25px;
        margin-left:-250px;
    }
</style>
<!-- end Gallery Horizontal detail -->

<!-- start Gallery Vertical detail -->
<style type="text/css">
    #left{
        width: 875px;
        height: 105px;
        margin-top: 50px;
        margin-left: 20px;
    }
    #left img{
        /*height: 100px;*/
        margin-left: 0px;
        border: 2px solid #000;
    }
</style>
<!-- end Gallery Vertical detail -->

<script type="text/javascript">
window.addEvent('domready', function(){
    var datas = <?php echo $slideshow_datas; ?>;
    new Slideshow('show', datas, {
        controller: false,
        height: 400,
        width : 620,
        loader: {
            animate: ["<?php echo getImgUrl(); ?>slideshow-core/loader-#.png", 12]
        },
        thumbnails: true,
        captions: true,
        linked: true,
        fast: false,
        delay : 5000
    });
});
</script>
</head>
<body>

<div id="root">
    <div id="Table_01">
        <div id="index">
    	<div id="leftTop">
            <img class="logo" src="<?php echo getImgUrl(); ?>home/logogpa.png" width="310" height="90" alt="Logo GPA">
        </div>
  	<div id="rightTop">
            <div id="rTop">
            	<div class="login">
                    <div class="login-text">
                		<?php echo $usermenus; ?>
                    </div>
                    <div class="login-box">
                    	<input name="login-field" type="text" maxlength="30">
                    </div>
                </div>
            </div>
            <div id="rBottom">
                <div id="menu">
                    <?php echo $mainmenus; ?>
		</div>
            </div>
    	</div>
	</div>
	<div id="index002">
            <div class="content" style="height: 470px;">
                <div class="editor-choice">
                  <div id="show" class="slideshow">
                      <div class="slideshow-images">
                        <img src="" alt="Editor Choice" />
                      </div><!--
                      <div class="slideshow-captions">
                          Title
                      </div>-->
                  </div>
                </div>
            </div>
	</div>
	<div id="index003">
	</div>
	<div id="index004">
            <div class="image-view-me" style="width: 965px; height: 220px; background-image: url(<?php echo getAppImgUrl(); ?>new_selected.png); background-repeat: no-repeat;">
                <div id='left'>
                    <?php foreach($new_screening as $n): ?>
                    <a href="<?php echo getAppUrl('screening', 'screening') . '/' . $n['image_id']; ?>" title="<?php echo $n['title']; ?>">
                        <img src="<?php echo $n['thumb']; ?>" alt="<?php echo $n['title']; ?>" title="<?php echo $n['title']; ?>" />
                    </a>
                    <?php endforeach; ?>
                </div>
            </div>
            <div id="commentator">
                <table width="310px">
                    <tr>
                        <td rowspan="2" valign="top">
                            <img width="100px" src='<?php echo getImgUrl(); ?>user/avatar/user1.jpg' style="border:3px solid #aaa; padding: 0px;"/>
                        </td>
                        <td style="font-size: 18px; font-weight: bold; padding-left: 10px;">
                            Iskandar
                        </td>
                    </tr>
                    <tr>
                        <td style="font-size: 10px; padding-left: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in justo at turpis aliquam ultrices ultrices quis arcu. Vivamus ornare ultrices turpis, laoreet tincidunt massa lobortis ac.</td>
                    </tr>
                </table>
                <hr width="300px" align="left" style="border:none;border-bottom: 1px dashed #555;">
                <table width="310px">
                    <tr>
                        <td rowspan="2" valign="top">
                            <img width="50px" src='<?php echo getImgUrl(); ?>user/avatar/user2.jpg'  style="border:2px solid #aaa; padding: 0px;"/>
                        </td>
                        <td style="font-size: 14px; font-weight: bold; padding-left: 10px;">Rudy Ho</td>
                    </tr>
                    <tr>
                        <td style="font-size: 9px; padding-left: 10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in justo at turpis aliquam ultrices ultrices quis arcu. Vivamus ornare ultrices turpis, laoreet tincidunt massa lobortis ac.</td>
                    </tr>
                </table>
            </div>
            <div id="hot-topics">
                <div class="title-hot-topics">
                    <img src="<?php echo getAppImgUrl(); ?>hot_topics_text.png" alt="Hot Topics">
                </div>
                <table>
                    <tr>
                        <td style="color:#ffa94d;" valign="top"><img src="<?php echo getAppImgUrl(); ?>nubs_hot_topics.png" alt="Nubs"></td>
                        <td style="color:#ffa94d;" colspan="2" valign="top">Lomba Foto Johnny Andrean Glow Color 7 November 2009</td>
                    </tr>
                    <tr>&nbsp;</tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td style="color: #fff; font-size: 10px;" width="75">Supriyadi</td>
                        <td align="right" style="font-size: 10px;">Tue, 3 Feb 2010</td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td style="color:#ffa94d;" valign="top"><img src="<?php echo getAppImgUrl(); ?>nubs_hot_topics.png" alt="Nubs"></td>
                        <td style="color:#ffa94d;" colspan="2" valign="top">Lomba Foto Johnny Andrean Glow Color 7 November 2009</td>
                    </tr>
                    <tr>&nbsp;</tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td style="color: #fff; font-size: 10px;" width="75">Supriyadi</td>
                        <td align="right" style="font-size: 10px;">Tue, 3 Feb 2010</td>
                    </tr>
                </table>
                <table>
                    <tr>
                        <td style="color:#ffa94d;" valign="top"><img src="<?php echo getAppImgUrl(); ?>nubs_hot_topics.png" alt="Nubs"></td>
                        <td style="color:#ffa94d;" colspan="2" valign="top">Lomba Foto Johnny Andrean Glow Color 7 November 2009</td>
                    </tr>
                    <tr>&nbsp;</tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td style="color: #fff; font-size: 10px;" width="75">Supriyadi</td>
                        <td align="right" style="font-size: 10px;">Tue, 3 Feb 2010</td>
                    </tr>
                </table>
            </div>
            <div id="latest-news">
                <div class="title-latest-news">
                    <img src="<?php echo getAppImgUrl(); ?>latest_news_text.png" alt="Latest News">
                </div>
                <table>
                    <tr>
                        <td style="color:#ffa94d;" valign="top"><img src="<?php echo getAppImgUrl(); ?>nubs_hot_topics.png" alt="Nubs"></td>
                        <td style="color:#ffa94d;" valign="top" colspan="2">[DONE] GPA Scheduled Maintenance - Kamis, 17 September 2009 jam 00:30 WIB</td>
                    </tr>
                    <tr>&nbsp;</tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td style="color:#ffd3a4;" colspan="2">
                            Dalam rangka mengoptimalkan kinerja sistem GPA, pada hari Selasa, 15 September 2009 jam 01:00 WIB, GPA akan down selama kurang lebih 1 jam. Maintenance kali ini juga dalam rangka migrasi ke server...
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td style="color: #fff; font-size: 10px;" width="75">Admin</td>
                        <td align="right" style="font-size: 10px;">Tue, 3 Feb 2010</td>
                    </tr>
                </table>
            </div>
	</div>
        <div id="footer">
            Copyright &copy;2010 GPAPhotography.com<br/>
            Send your comment or suggestion using this online form<br/>
            Your IP address seen by this server is 10.89.28.0<br/>
        </div>
    </div>
</div>
    	<a id="thanks" href="http://apycom.com/">Apycom jQuery Menus</a>
</body>
</html>